<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>认购确认书签收</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<link rel="stylesheet" href="css/select.css">
	<style>
		.content-table-two tbody tr td:nth-child(1){
			width: 105px;
		}
		.content-table-two tbody tr td:nth-child(2){
			width: 90px;
		}
		.content-table-two tbody tr td:nth-child(3){
			width: 45px;
		}
		.content-table-two tbody tr td:nth-child(4){
			width: 45px;		
		}
		.content-table-two tbody tr td:nth-child(5){
			width: 60px;
		}
		.content-table-two tbody tr td:nth-child(6){
			width: 80px;
		}
		.content-table-two tbody tr td:nth-child(7){
			width: 60px;
		}
		.content-table-two tbody tr td:nth-child(8){
			width: 80px;
		}
		.content-table-two tbody tr td:nth-child(9){
			width: 140px;
		}
		.content-table-two tbody tr td:nth-child(10){
			width: 80px;
		}
		.color-operation:hover {
		    text-decoration:underline; 
		    cursor: pointer;
		}
	</style>
</head>
<body>
	<div class="main-content">
		<div class="main-bg">
			<p class="content-title">认购确认书签收</p>
			<div class="content-form">
			<form id="seachContractInboundForm">
			    <input name="type" value="3" type="hidden">
				<ul>
					<li><span class="text-name">快递单号：</span><input  name="tracknumber" type="text"></li>
					<li><span class="text-name">部门名称：</span><input name="addressee" type="text"></li>
					<li><span class="text-name" name="status" >签收状态：</span>
						<select class="multiselect" id="single">
							<option value="">已签收</option>
							<option value="">未签收</option>
	<!-- 						<option value="">已撤回</option> -->
						</select></li>
					<li><button class="btn-style-two" type="button" id="seachContractInbound">搜索</button><i class="btn-operation maleft20">重置</i></li>
				</ul>
				</form>
			</div>
			<div class="content-list">
				<div class="info-list">
				<table id="table" class="content-table-two" bindClick = "seachContractInbound" bindForm = "seachContractInboundForm" datatable = "true" cellspacing="0" cellpadding="0" dataAction = "/expressInformation/findList">
						<tbody style = "display:none;">
							<th title = "快递单号" name = "tracknumber" type = "string"></th>
							<th title = "部门名称" name = "addressee" type = "string"></th>
							<th title = "签收状态" name = "status" type = "dict" dictType = "status"></th>
							<th title = "发送数量" name = "sends" type = "string"></th>
							<th title = "创建人" name = "updateBy.code" type = "string"></th>
							<th title = "创建时间" name = "updateDate" type = "string"></th>
							<th title = "签收人" name = "signBy.code" type = "string"></th>
							<th title = "签收时间" name = "signDate" type = "string"></th>
							<th title = "备注" name = "reason" type = "string"></th>
							<th title = "操作" name = "op" type = "string"></th>
						<!-- 	<th title = "操作" name = "type" type = "dict" dictType = "contracttype"></th>		 -->				
						</tbody>
					</table>
				<!-- 	<table class="content-table-two" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>快递单号</td>
								<td>部门名称</td>
								<td>签收状态</td>
								<td>发送数量</td>
								<td>创建人</td>
								<td>创建时间</td>
								<td>签收人</td>
								<td>签收时间</td>
								<td>备注</td>
								<td>操作</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><span class="color-operation" onclick="seeLogistics()">434430999324</span></td>
								<td>信息技术中心</td>
								<td>已签收</td>
								<td>20</td>
								<td>李彤通</td>
								<td>2018-01-12 13:00</td>
								<td>李洪洋</td>
								<td>2018-01-12 13:00</td>
								<td>杭州印刷厂杭州印刷厂</td>
								<td>
									<i class="btn-operation1" onclick="del()">撤销签收</i>
									<a class="btn-operation" href="contractDetailslook.html">合同明细</a>
								</td>
							</tr>
							<tr>
								<td><span class="color-operation" onclick="seeLogistics()">434430999324</span></td>
								<td>信息技术中心</td>
								<td>已签收</td>
								<td>20</td>
								<td>李彤通</td>
								<td>2018-01-12 13:00</td>
								<td>李洪洋</td>
								<td>2018-01-12 13:00</td>
								<td>杭州印刷厂杭州印刷厂</td>
								<td>
									<i class="btn-operation1" onclick="del()">撤销签收</i>
									<a class="btn-operation" href="contractDetailslook.html">合同明细</a>
								</td>
							</tr>
							<tr>
								<td><span class="color-operation" onclick="seeLogistics()">434430999324</span></td>
								<td>信息技术中心</td>
								<td>未签收</td>
								<td>20</td>
								<td>李彤通</td>
								<td>2018-01-12 13:00</td>
								<td>李洪洋</td>
								<td>2018-01-12 13:00</td>
								<td>杭州印刷厂杭州印刷厂</td>
								<td>
									<i class="btn-operation" onclick="confirmationSign()">签收</i>
									<a class="btn-operation" href="contractDetailslook.html">合同明细</a>
								</td>
							</tr>
							<tr>
								<td><span class="color-operation" onclick="seeLogistics()">434430999324</span></td>
								<td>信息技术中心</td>
								<td>已签收</td>
								<td>20</td>
								<td>李彤通</td>
								<td>2018-01-12 13:00</td>
								<td>李洪洋</td>
								<td>2018-01-12 13:00</td>
								<td>杭州印刷厂杭州印刷厂</td>
								<td>
									<i class="btn-operation1" onclick="del()">撤销签收</i>
									<a class="btn-operation" href="contractDetailslook.html">合同明细</a>
								</td>
							</tr>
							<tr>
								<td><span class="color-operation" onclick="seeLogistics()">434430999324</span></td>
								<td>信息技术中心</td>
								<td>已签收</td>
								<td>20</td>
								<td>李彤通</td>
								<td>2018-01-12 13:00</td>
								<td>李洪洋</td>
								<td>2018-01-12 13:00</td>
								<td>杭州印刷厂杭州印刷厂</td>
								<td>
									<i class="btn-operation1" onclick="del()">撤销签收</i>
									<a class="btn-operation" href="contractDetailslook.html">合同明细</a>
								</td>
							</tr>
						</tbody>
					</table> -->
				</div>
			</div>
		</div>		
	</div>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
	<script src="js/select.jquery.js"></script>
	<script type="text/javascript" src = "js/util.js"></script>
	<script type="text/javascript" src = "js/table.js"></script>
	<script>
		$(document).ready(function (){//新增
			$('.multiselect').multiselect({setMaxOptionNum:4,selectedHtmlValue:''});
			$('#single').multiselect({multiple:false,selectedHtmlValue:'全部',setWidth: 140+'px'});
		 });
		function confirmationSign(i){
			  parent.setData($("table").getAllData()[i]);
			  parent.layer.open({
		      type: 2,
		      title: '签收',
		      shadeClose: true,
		      shade: 0.2,
		      maxmin: true, //开启最大化最小化按钮
		      area: ['870px', '450px'],
		      content: 'confirmationSign.html',
		      end:function(){
					$("#table").ECDATable();
				}
		    });
		}
		function seeLogistics(i){
        	parent.layer.open({
			      type: 2,
			      title: '查看物流',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['870px', '450px'],
			      content: 'seeLogistics.html'
			    });
        }
		function contractDetailslook(i){
			parent.setData($("table").getAllData()[i]);
    		window.location.href="contractDetailslook.html";
		}
        function  resultSign(i){
        	      parent.setData($("table").getAllData()[i]);
				  parent.layer.open({
			      type: 2,
			      title: '撤销签收',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['400px', '250px'],
			      content: 'revoke.html',
			      end:function(){
						$("#table").ECDATable();
					}
			});
		}
        function tableCallBack(my){
        	var data =  my.getAllData();
        	data.forEach(function(value,i){
        		var $tr = my.find('tbody').eq(1).children('tr').eq(i).find('td:last');
        		$tr.append('<i class="btn-operation" onclick="contractDetailslook('+i+')">合同明细</i>');
        		if(value.status == 0){
        			$tr.append('<i class="btn-operation" onclick="confirmationSign('+i+')">确认书签收</i>');
        		}
        		if(value.status == 1){
        			$tr.append('<i class="btn-operation" onclick="resultSign('+i+')">撤销签收</i>');
        		}
        		
        	})
        	my.find('tbody').eq(1).children('tr').each(function(){
        		
        	})
        }
        function getHeight(){
            var myiframeH=$(".main-content").height();
            var _parent=$(window.parent.document);
            _parent.find('body').css('height',(myiframeH+150)+'px');
            _parent.find('.main-position').css('height',(myiframeH+100)+'px');
        };
        $('.main-content').resize(function(){
            getHeight();
        });
	</script>
</body>
</html>